<!--
 * @Author: xuxu12138 1718324422@qq.com
 * @Date: 2023-08-29 09:46:07
 * @LastEditors: xuxu12138 1718324422@qq.com
 * @LastEditTime: 2024-08-01 16:03:12
 * @FilePath: /things-admin/src/view/member/Nav.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="container">
    <Layout>
      <Content>
        <div class="nav" v-if="($route.path != '/member' && $route.path != '/member/lv' && $route.path != '/member/data' && $route.path != '/member/rule'&& $route.path != '/statistics' && $route.path != '/healthcopy')">
          <ul class="category">
            <router-link
              :to="{
                path: `/personinfo/${$route.params.id}`,
                query: { phone: $route.query.phone }
              }"
              class="adv"
              tag="li"
              >个人信息
            </router-link>
            <router-link
              :to="{
                path: `/associatedusers/${$route.params.id}`,
                query: { phone: $route.query.phone }
              }"
              class="adv"
              tag="li"
              >关联用户
            </router-link>
            <router-link
              :to="{
                path: `/point/${$route.params.id}`,
                query: {  phone: $route.query.phone }
              }"
              class="adv"
              tag="li"
              >积分明细
            </router-link>
            <router-link
              :to="{
                path: `/associateddevices/${$route.params.id}`,
                query: { phone: $route.query.phone }
              }"
              class="adv"
              tag="li"
              >关联设备
            </router-link>
            <router-link
              :to="{
                path: `/usagerecords/${$route.params.id}`,
                query: { phone: $route.query.phone }
              }"
              class="adv"
              tag="li"
              >使用记录
            </router-link>
            <router-link
              :to="{
                path: `/salesrecords/${$route.params.id}`,
                query: { phone: $route.query.phone }
              }"
              class="adv"
              tag="li"
              >售后记录
            </router-link>
            <router-link
              :to="{
                path: `/orderrecords/${$route.params.id}`,
                query: { phone: $route.query.phone }
              }"
              class="adv"
              tag="li"
              >订单记录
            </router-link>
<!-- 
            <router-link :to="{ path: `/data` }" class="banner" tag="li" replace
              >图表统计
            </router-link>  -->
              <!-- <router-link
               :to="{path:`/benefits`}"
                class="banner"
                tag="li" replace>会员权益
                </router-link> -->
                <!-- <router-link
                  :to="{ path: `/lv` }"
                  class="banner"
                  tag="li"
                  v-if="petee === '1' && value"
                  replace
                  >会员等级
                </router-link> -->
            <!-- <router-link
                :to="{ path: `/statistics` }"
                class="banner"
                tag="li"
                v-if="petee === '1' && value"
                replace
                >积分统计
              </router-link> -->
            <router-link
              :to="{
                path: `/health/${ $route.params.id}`,
                query: { phone: $route.query.phone }
              }"
              class="banner"
              tag="li"
              replace
              >健康档案
            </router-link>
            <!-- <router-link
             :to="{path:`/rule`}"
             class="banner"
             tag="li" replace>成长值规则
           </router-link> -->
          </ul>
        </div>
        <div class="right">
          <keep-alive>
            <router-view />
          </keep-alive>
        </div>
      </Content>
    </Layout>
  </div>
</template>
<script lang="ts">
import { Component, Prop, Vue, Watch } from "vue-property-decorator";
import { Route } from "vue-router";
import { NavBloc } from "./NavBloc";
import { FormBloc } from "@/view/device/FormBloc";
import { store } from "@/store/Store";
import { Validation } from "@/base/Validation";
import { Resources } from "@/base/Resources";

@Component({})
export default class extends Vue {
  bloc = new NavBloc();
  get petee() {
    return store.state.user.tepee;
  }
  value = Validation.check(Resources.ACCOUNT_DELETE);
  mounted() {
    // console.log(this.$route.query, "dsa1111111111111");
  }
}
</script>
<style lang="less" scoped>
.container {
  padding-top: 20px;
}

.nav {
  margin-bottom: 20px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(242, 242, 242, 1);
 

  .category {
      display: flex;
      flex-wrap: wrap;
    li {
      padding: 17px 0px 12px 50px;
      width: 150px;
      position: relative;

      &:nth-child(4) {
        padding: 17px 0px 12px 50px;
        width: 184px;
      }
    }

    .router-link-active {
      border-bottom: 1px solid blue;
    }
  }
}
.right {
  min-height: 630px;
}
/deep/ .ivu-layout {
  background-color: rgba(255, 255, 255, 1);
}
</style>
<style>
</style>
